<template>
  <div>

    <SkyPanel title="考察待办列表">
      <template v-slot:main>

        <SkyTable v-slot="row" :data="data">
          <SkyColumn :row="row.scope" prop="col1" label="序号"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col2" label="专业类别"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col3" label="考察区域"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col4" label="考察日期"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col5" label="操作">
            <a href="##">回复</a>
          </SkyColumn>
        </SkyTable>

      </template>
    </SkyPanel>

  </div>
</template>

<script lang="ts">
  import { defineComponent } from "vue";

  export default defineComponent({
    setup() {
      return {};
    },
    data() {
      return {
        data: [
          {
            col1: "1",
            col2: "造价工程",
            col3: "江苏区域集团",
            col4: "2020-10-11",
          },
          {
            col1: "1",
            col2: "造价工程",
            col3: "江苏区域集团",
            col4: "2020-10-11",
          },
          {
            col1: "1",
            col2: "造价工程",
            col3: "江苏区域集团",
            col4: "2020-10-11",
          },
        ],
      };
    },
  });
</script>

<style scoped>
</style>